.list-page {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 9999;
	.tab-box {
		width: 100%;
		height: 44px;
		position: relative; /* 确保子元素定位正确 */
		box-sizing: border-box;
		padding-left: 70rpx;
		.u-tabs__wrapper__nav__item {
			padding: 0 20rpx;
			&:first-of-type {
				padding-left: 0 !important;
			}
		}
		.u-tabs__wrapper__nav__line {
			height: 13rpx !important;
			width: 30rpx !important;
		}
	}
	.page-top-box {
		width: 100%;
		.tab-box {
			width: 100%;
			height: 44px;
			position: relative; /* 确保子元素定位正确 */
			box-sizing: border-box;
			padding-left: 42rpx;
			.u-tabs__wrapper__nav__item {
				padding: 0 20rpx;
				&:first-of-type {
					padding-left: 0 !important;
				}
			}
			.u-tabs__wrapper__nav__line {
				height: 13rpx !important;
				width: 30rpx !important;
			}
		}
		.search-box {
			width: 100%;
			box-sizing: border-box;
			padding-left: 42rpx;
			margin: 24rpx 0 20rpx;
			padding-right: 20rpx;
			box-sizing: border-box;
			.search-btn {
				font-weight: 400;
				font-size: 26rpx;
				color: #919092;
				margin-left: 22rpx;
			}
		}
		.search-tab-box {
			width: 100%;
			box-sizing: border-box;
			padding-left: 42rpx;
			padding-right: 20rpx;
			position: relative;
			.tab-width {
				width: calc(100% - 140rpx);
				.u-tabs__wrapper__nav__item {
					padding: 0 20rpx;
					&:first-of-type {
						padding-left: 0 !important;
					}
				}
			}
			.search-btn {
				font-weight: 400;
				font-size: 26rpx;
				color: #919092;
				margin-left: 30rpx;
			}
		}
	}
	.search-tab-box {
		width: 100%;
		box-sizing: border-box;
		padding-left: 42rpx;
		padding-right: 20rpx;
		position: relative;
		.tab-width {
			width: calc(100% - 140rpx);
			.u-tabs__wrapper__nav__item {
				padding: 0 20rpx;
				&:first-of-type {
					padding-left: 0 !important;
				}
			}
		}
		.search-btn {
			font-weight: 400;
			font-size: 26rpx;
			color: #919092;
			margin-left: 30rpx;
		}
	}
	.list-content-box {
		width: calc(100% - 40rpx);
		margin: 10px 20rpx;
		background: #f7f7f7;
		border-radius: 40rpx;
		padding: 24rpx 0;
		box-sizing: border-box;
		overflow: hidden;
		.list-items {
			width: calc(100% - 52rpx);
			background: #ffffff;
			border-radius: 18rpx;
			padding: 20rpx 26rpx 0;
			box-sizing: border-box;
			margin: 0 26rpx 24rpx;
			.list-items-title {
				width: 100%;
				margin-bottom: 24rpx;
				.title {
					font-weight: 600;
					font-size: 32rpx;
					color: #000000;
					max-width: 450rpx;
				}
			}
			.list-items-item {
				width: 100%;
				margin-bottom: 24rpx;
				.u-tag-wrapper {
					margin-right: 10rpx;
				}
				.title {
					font-weight: 400;
					font-size: 26rpx;
					color: #A6AAB8;
					margin-right: 20rpx;
					white-space: nowrap;
				}
				.desc {
					font-weight: 400;
					font-size: 26rpx;
					color: #1b2431;
					// max-width: 420rpx;
				}
			}
			.list-items-item-width50 {
				width: 50% !important;
				.desc {
					max-width: 150rpx !important;
				}
			}
			.list-items-item-btn-box {
				width: 100%;
				height: 80rpx;
				border-top: 2rpx solid #f7f7f7;
			}
		}
	}
}

// 搜索弹窗
.search-popup-title {
	width: 100%;
	font-weight: 500;
	font-size: 32rpx;
	color: #000000;
	text-align: center;
	line-height: 100rpx;
}
.btn-box {
	width: 100%;
	padding: 20rpx 32rpx;
	box-sizing: border-box;
}
.search-popup-box {
	width: 100%;
	height: 60vh;
	.search-items {
		width: 100%;
		padding: 0 32rpx 50rpx;
		box-sizing: border-box;
		.search-items-title {
			font-weight: 500;
			font-size: 28rpx;
			color: #000000;
			margin-bottom: 20rpx;
			.search-items-title-right {
				font-weight: 400;
				font-size: 26rpx;
				color: #a1a7b3;
				.txt {
					margin-right: 6rpx;
				}
			}
		}
		.search-items-list {
			width: 100%;
			.search-items-list-item-active {
				background-color: rgba(59, 117, 255, 0.15) !important;
				color: #3b75ff !important;
			}
			.search-items-list-item {
				width: 218rpx;
				height: 68rpx;
				background: #f4f6f9;
				border-radius: 12rpx;
				font-weight: 400;
				font-size: 26rpx;
				color: #000000;
				text-align: center;
				line-height: 68rpx;
				margin: 0 14rpx 14rpx 0;
				&:nth-child(3n) {
					margin-right: 0;
				}
			}
			.search-items-list-more {
				width: 218rpx;
				height: 68rpx;
				text-align: center;
				line-height: 68rpx;
				font-weight: 400;
				font-size: 26rpx;
				color: #a1a7b3;
				.txt {
					margin-right: 6rpx;
				}
			}
		}
	}
}
